html, body, div, p, ul, li, ol { margin: 0; padding: 0; }
a { text-decoration: none; color: #000; }
li { list-style: none; }
html, body { font-size: 14px; }
#all{
    width:100%;
    height:100%;
    background:#F0F0F0;
}
/* 【1】顶部 */
#top { width: 100%; height: 182px; min-width: 1000px; background: url(../img/hr_01.png); }
.top-cen { width: 1000px; height: 100%; margin: auto; background: url(../img/top01.png) no-repeat; }
.top-ul { margin-left: 49px; margin-top: 8px; }
.top-ul li { float: left; margin-left: 45px; }
.top-ul li a p { color: gray; text-transform: uppercase; font-size: .1em; text-align: right; }
.top-ul li:hover a { color: red; }
.top-ul li:hover a p { color: black; }

/* 【2】banner */
#banner { width: 100%; height: 525px; background: url(../img/banner.png) repeat-x; position: relative; min-width: 1000px; background-position: center; }
#banner>a { display: block; width: 100%; height: 100%; }
.banner-ul { width: 1000px; height: 34px;     /* background-color: yellow; */ position: absolute; bottom: 0; left: 50%; margin-left: -500px; }
.banner-ul li { width: 195px; float: left; line-height: 34px; margin-left: 5px; background: black; color: #fff; padding-left: 20px; }
.banner-ul li:hover { background: red; }
#banner-left { width: 37px; height: 34px; background: url(../img/arr.png) no-repeat; margin-left: 0; }
#banner-right { width: 37px; height: 34px; background: url(../img/arr.png) no-repeat; background-position: -57px 0; }
#banner-left:hover { background-position: 0 -34px; }
#banner-right:hover { background-position: -57px -34px; }

/* 【3】微博QQ */
#wei { width: 1000px;    /*  height: 611px; */ margin: auto;   /*  background:red; */ margin-top: 2px;    /* 当内容使用了浮动后要清楚浮动
            高度让内容自行撑起 */ overflow: hidden; }
    .wei-top1 { float: left; }
    .wei-top2 { float: left; margin-left: 2px; }
    .wei-top3 { background: url('../img/bg1-3_03.png') no-repeat; float: left; margin-left: 2px; position: relative; width: 184px; height: 98px; }
    .top3-01 { background: url('../img/tb1_03.png') no-repeat; position: absolute; float: left; width: 40px; height: 40px; border-radius: 100%; margin-left: 26px; margin-top: 45px; transition: .5s; }
    .top3-02 { background: url('../img/tb2_03.png') no-repeat; position: absolute; float: left; width: 40px; height: 40px; border-radius: 100%; margin-left: 68px; margin-top: 45px; transition: .5s; }
    .top3-03 { background: url('../img/tb3_03.png')
    no-repeat; position: absolute; float: left; width: 40px; height: 40px; border-radius: 100%; margin-left: 111px; margin-top: 45px; transition: .5s }
    .top3-01:hover { transform: scale(1.3, 1.3); }
    .top3-02:hover { transform: scale(1.3, 1.3); }
    .top3-03:hover { transform: scale(1.3, 1.3); }
    .center-top4 { float: left; margin-left: 3px; }

    /* 【4】center */
    #center { width: 1000px; height: 955px; background: #fff; margin: auto; overflow: hidden; margin-top: 10px; }
    .center-left { width: 650px; height: 838px;/*      background:yellow; */ float: left; }
    .center-left p, .center-left a, .center-left span { float: left; }
    .center-left>p { margin-top: 10px; margin-left: 20px; font-size: 16px; font-weight: bold; padding: left:1px; }
    .center-left>a, .center-left>span { margin-top: 12px; font-size: 12px; color: #8E0505; }
    .center-left>a:hover { color: red; }
    .center-left>img { margin-left: 15px; margin-top: 10px; }
    .left-wen { width: 633px; height: 715px; background: #fff; margin-left: 15px; margin-top: 15px; }
    .left-wen-01 { width: 100%; height: 90px; overflow: hidden;/*     background:pink; */ overflow: hidden; }
    .photos { width: 63px; height: 65px; float: left; background: url('../img/hot-news.png') no-repeat; position: relative; }
    .photos p { font-size: 30px; line-height: 65px; margin-left: 16px; margin-top: -10px; font-weight: bold; color: #545454; position: absolute; }
    .photos span { position: absolute; bottom: 5px; left: 4px; color: #000; }
    .left-wen-01 a:hover .photos p { color: #fff; }
    .left-wen-01 a:hover .photos span { color: #fff; }
    .left-wen-01 a:hover .photos { background-position: 0px -67px; }
    .wen-zong { width: 560px; height: 65px;/*     background:red; */ float: left; margin-left: 10px; }
    .xian { border-bottom: 1px dashed black; margin-top: 75px; }
    .wen-zong-p01 { font-size: 15px; font-weight: bold; }
    .wen-zong-p02 { font-size: 13px; margin-left: -238px; margin-top: 17px; }
    .wen-zong-p03 { font-size: 13px; margin-top: 1px; }
    .center-right { width: 330px; height: 838px;/*     background: #e3e; */ float: right; margin-left: 20px; }
    .right-top { width: 291px; height: 33px; background: url('../img/right02.png') no-repeat; margin-left: 25px; margin-top: 43px; }
    .right-top span { color: #fff; font-size: 20px; position: relative; top: 5px; left: 40px; }
    .right-center { width: 100%; height: 400px;    /* background:red; */ }
    .center-ul li { width: 122px; height: 95px; border: 1px solid gray; position: relative; left: 30px; top: -15px; float: left; margin-left: 10px; margin-top: 30px; }
    .ph { width: 118px; height: 91px; position: absolute;/*     background:gray; */ background: url('../img/tu_07.png') no-repeat; top: 2px; left: 2px; }
    .zi { width: 122px; height: 25px;/*     background: yellow; */ position: relative; top: 90px; }
    .zi  p { position: relative; top: 10px; font-size: 13px; }
    .center-ul li:hover p { color: red; }
    .right-bottom { width: 100%; height: 300px;/*     background:#e3e; */ }
    .bottom-top { width: 291px; height: 33px; background: url('../img/right02.png') no-repeat; margin-left: 25px; margin-top: 10px; }
    .bottom-top span { color: #fff; font-size: 20px; position: relative; top: 5px; left: 40px; }
    .bottom-ul div { width: 16px; height: 42px; background: url('../img/ss_03.png') no-repeat; float: left; margin-top: 8px; background-position: 0px -29px; }
    .bottom-ul li { float: left; margin-left: 25px; margin-top: 3px; width: 291px; height: 28px; line-height: 28px; font-size: 13px; }
    .bottom-ul a:hover li { background: #D50000; color: #fff; }
    .bottom-ul a:hover li div { width: 16px; height: 16px; background: url('../img/ss_03.png') no-repeat; background-position: 0px 0px; }
    .center-bottom{
        width:100%;
        height:60px;
/*         background:green; */
        position:relative;
        top:878px;
    }
    .bot-left{
        width:980px;
        height:50px;
/*         background:yellow; */
        position:absolute;
        margin-left: 15px;
        margin-top:3px;
    }
    .bot-left p,.bot-left a,.bot-left span{
        float: left;
        margin-left:10px;
    }
    .bot-left p{
        width:60px;
        height:25px;
        border:1px solid #D6D6D6;
        line-height:25px;
        color:#A0A0A0;
        text-align:center;
    }
    .bot-left a{
        width:22px;
        height:25px;
        border:1px solid #D6D6D6;
        line-height:25px;
        color:#A0A0A0;
        text-align:center;
        transition:.5s;
    }
    #xia{
        width:60px;
        height:25px;
        border:1px solid #D6D6D6;
        line-height:25px;
        color:#A0A0A0;
        text-align:center;
    }
    .bot-left span{
        width:70px;
        height:25px;
        border:1px solid #D6D6D6;
        line-height:25px;
        color:#A0A0A0;
        text-align:center;
    }
    #fan{
        width:85px;
        height:25px;
        background:#B4B4B4;
        line-height:25px;
        color:#fff;
        text-align:center;
        margin-left:520px;
    }
    .bot-left a:hover{
        color:#fff;
        background:red;
        -webkit-transform: translate(-1px, -1px);
           -moz-transform: translate(-1px, -1px);
            -ms-transform: translate(-1px, -1px);
             -o-transform: translate(-1px, -1px);
                transform: translate(-1px, -1px);
        box-shadow: 2px 2px 5px black;
    }
/* bottom*/
    #bottom{
    width:100%;
    min-width:1000px;
    overflow:hidden;
    background:red;
    margin-top: 10px;
}
.bot-top{
    width:100%;
    background:#2e2e2e;
}
.bbt-01{
    width:1000px;
    /* background:#2e2e2e; */
    background:pink;
    margin:auto;
    overflow:hidden;
    position:relative;

}
.bbt-01 img{
    float: left;
}
.bbt-01-1{
    float:left;
    width:300px;
    height:230px;
    background:url('../img/index_03.png') no-repeat;
    position:relative;
}
.bbt-01-1-1 p,.bbt-01-1-1 span{
    color:#969696;
    font-size:12px;
}
.bbt-01-1-1 p{
    position:absolute;
    bottom: 80px;
    left: 126px;
}
.bbt-01-1-1 span{
    position:absolute;
    bottom: 41px;
    left: 126px;
}
.bbt-01-2{
    position:absolute;
    float: left;
    width:700px;
    margin-left:300px;
    background:#2e2e2e;
    height:230px;
}
.bbt-01-2 div{
    float: left;
    width: 165px;
    height: 110px;
    /* background: #e3e; */
    margin-left: 10px;
    float: left;
    margin-top:10px;
}
.bbt-01-2 p{
    background:#000;
    width:100%;
    height: 23px;
    color:white;
    line-height:23px;
    font-size:15px;
}
.bbt-01-2 li{
    list-style-position: inside;
    list-style-type: disc;
    color:#969696;
    margin-top:2px;
    font-size:13px;
}
.bbt-01-2 li:hover{
    background:#818181;
}
.bbt-01-2 div:hover p{
     background:#676767;
}

.bot-center{
    width:100%;
    background:#1f1f1f;
    height:180px;
}
.bot-ph{
    width:1200px;
    height:180px;
    background:url('../img/btm-black_02.png') no-repeat;
    margin:auto;

}
 .bot-ph1{
    position:relative;
    width:100%px;
    height:112px;
    background:#343434;
    background-repeat: repeat-x;
    bottom: 180px;
}
.bot-ph2{
    width:100%;
    height:112px;
    margin:auto;
/*     bottom:180px; */
    min-width:1000px;
    position:relative;
    margin:auto;
    background:url('../img/gray.png') repeat-x;

}
.bot-bottom{
    width:100%;
    height:110px;
    background:#000;
}
.bot-bb{
    width:1200px;
    height:110px;
    margin:auto;
    background:url('../img/botm.png') no-repeat;
}




